<template>
	<view class="ticke-view">
		<!-- <view class="ticket-row">
			<view class="ticket-top-img">
				<image src="../../static/img/ticket/top-img.png" mode="widthFix"></image>
			</view>
		</view> -->
		<view class="ticket-btn-row">
			<view class="ticket-btn">
				<button class="btn btn-2 btn-2g">免费抢票</button>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.btn {
		border: none;
		font-family: inherit;
		font-size: inherit;
		color: #FEF300;
		background: none;
		cursor: pointer;
		padding: 0px 60px;
		display: inline-block;
		margin: 10px 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 700;
		outline: none;
		position: relative;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.btn:after {
		content: '';
		position: absolute;
		z-index: -1;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.btn:before {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		position: relative;
		-webkit-font-smoothing: antialiased;
	}

	.btn-2 {
		background: #FEF300;
		color: #FF000b;
		box-shadow: 0 20px #FD8000;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
	}

	.btn-2g {
		border-radius: 40px;
	}

	.btn-2g:hover {
		/* box-shadow: 0 4px #ab3c3c;
 top: 2px; */
	}

	.btn-2g:active {
		box-shadow: 0 0 #ab3c3c;
		top: 8px;
	}
</style>
